<%-- 
    Document   : Sp_CkOut_HeadPay
    Created on : Apr 3, 2015, 2:09:38 PM
    Author     : PHATNBSE61057
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<c:set var="user" value="${sessionScope.USER}"/>
<td id="headerContainer">
    <div class="c1">
        <div class="c2">
            <div class="top"></div>
        </div>
    </div>
    <div class="content">
        <div id="logoSection">
            <div class="block">
                <div class="corner1">
                    <div class="corner2">
                        <div class="lineTop"><h3 class="skip">Logo</h3></div>
                    </div>
                </div>
                <div class="cont">
                    <p>
                    </p>
                    <p class="logo">
                        <a href="Mainpage.jsp">LORD OF THE SHELL</a></p>
                    <p class="tag-dark">
                        the official online book shop</p>
                    <p class="tag-light">
                        EXCLUSIVE PRODUCTS - FREE DELIVERY - PRINT ON DEMAND BOOKS</p>

                </div>
                <div class="corner4">
                    <div class="corner3">
                        <div class="lineBtm"></div>
                    </div>
                </div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div class="iconMenu">
            <div class="block">
                <div class="corner1">
                    <div class="corner2">
                        <div class="lineTop"></div>
                    </div>
                </div>
                <div class="cont">
                    <ul>
                        <li class="basket">
                            <a href="C_viewCartPage.jsp"><span>View Cart</span></a>
                        </li>
                    </ul>
                </div>
                <div class="corner4">
                    <div class="corner3">
                        <div class="lineBtm"></div>
                    </div>
                </div>
            </div>
            <div class="nofloat"></div>
        </div>

        <!--        <div class="quickCartSection empty">
                    <div class="block floatLeft">
                        <div class="corner1"><div class="corner2"><div class="lineTop"><h3 class="skip">Quick Cart</h3></div></div></div>
                        <div class="cont">
                            <ul>
                                <li class="basket">
                                    <a href="ProcessServlet?btAction=ViewAllOrder&txtUsername=${user.username}">
                                        <span>View all order</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="nofloat"></div>
                            <div class="nofloat"></div>
                        </div>
                        <div class="corner4"><div class="corner3"><div class="lineBtm"></div></div></div>
                    </div>
                    <div class="nofloat"></div>
                </div>-->

        <div class="accountMenu">
            <div class="block floatLeft">
                <div class="corner1">
                    <div class="corner2">
                        <div class="lineTop"><h3>My account</h3></div> 
                    </div>
                </div>
                <div class="cont">
                    <ul>
                        <li class="myAccount">
                            <a href="G_viewInfoPage.jsp" title="My Account">Hello, ${user.fullname}</a>
                        </li>
                        <li class="myAccount">
                            <a href="ProcessServlet?btAction=Logout" title="Logout">Logout</a>
                        </li>
                    </ul>
                </div>

                <div class="corner4">
                    <div class="corner3">
                        <div class="lineBtm"></div>
                    </div>
                </div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div class="checkoutProgressBar">
            <div class="cont">
                <div class="step one active">
                    <div class="content">
                        <p>01. Billing</p>
                    </div>
                </div>
                <div class="step two active">
                    <div class="content">
                        <p>02. Delivery</p>
                    </div>
                </div>
                <div class="step three current">
                    <div class="content">
                        <p>03. Payment</p>
                    </div>
                    <span class="arrowIcon"></span>
                </div>
                <div class="step four">
                    <div class="content">
                        <p>04. Credit Card</p>
                    </div>
                </div>
                <div class="step five">
                    <div class="content">
                        <p>05. Confirmation</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="nofloat"></div>
    </div>
    <div class="c4">
        <div class="c3">
            <div class="btm"></div>
        </div>
    </div>
</td>
